<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@page import="com.blockchain.console.servlets.user.Open"%>
<%@page import="java.io.OutputStream"%>
<%@page import="com.blockchain.console.servlets.user.UserGjrzSh"%>
<%@page import="com.blockchain.console.servlets.user.UserGjrz"%>
<%@page import="com.blockchain.console.service.user.entity.User"%>
<%@page import="com.blockchain.common.enums.IsPass"%>
<html>
<head>
<%@include file="/WEB-INF/include/meta.jsp"%>
<%@include file="/WEB-INF/include/style.jsp"%>

<style>
  #pageContent {width: 900px;	height: 500px;overflow: hidden;position:relative;margin:0px auto; z-index:1;}
  #imgContainer {width: 900px;height: 500px;}

  #positionButtonDiv {background: rgb(58, 56, 63);background: rgba(58, 56, 63, 0.8);border: solid 1px #100000;color: #fff;padding: 8px;text-align: left;position: absolute;right:35px;top:35px;}

  #positionButtonDiv .positionButtonSpan img {float: right;border: 0;}

  .positionMapClass area {cursor: pointer;}

  .zoomButton {border: 0;	cursor: pointer;}

  .zoomableContainer {background-color: #f1faff;}
</style>


</head>
   <%
	CURRENT_CATEGORY="HHGL";
	CURRENT_SUB_CATEGORY="GJSMRZ";
	User user=(User)request.getAttribute("user");
	%>
<body>
	<%@include file="/WEB-INF/include/header.jsp"%>
	 <div class="w_main">
		<div class="main clearfix">
			<div class="wrap">
				<div class="r_main">
						<input type="hidden" name="userid" value="<%=user.userId%>">
						<input type="hidden" name="type" value="<%=IsPass.S%>">
						<div class="home_main">
							<div class="box box1 mb15">
								<div class="atil">
									<h3>审核</h3>
								</div>
								<div class="con">
									<div class="clear"></div>
									<ul class="cell noborder yw_jcxx">
									 <%String message = controller.getPrompt(request, response,PromptLevel.ERROR); %>
                   						 <li>
											<div class="til"></div>
											<div class="info" style="color: red;">
											<%StringHelper.filterHTML(out, message);%>
											</div>
											<div class="clear"></div>
										</li>
									
										<li>
											<div class="til">姓名：</div>
											<div class="info">
											<%StringHelper.filterHTML(out, user.name);%>
											</div>
											<div class="clear"></div>
										</li>
										<li>
											<div class="til">证件号：</div>
											<div class="info">	
												<%StringHelper.filterHTML(out, user.zjhm);%>
											</div>
											<div class="clear"></div>
										</li>
										<li>
                        					<div class="til"><span class="red"></span>正面照：</div>
                       						<div id="pageContent">
                       						<div id="imgContainer">
    	          								<img id="imageFullScreen1" src="<%=controller.getURI(request, Open.class)%>?id=<%=user.userId%>&type=<%=1%>"/> 
                							</div>
                							</div>
                       						
                        					<div class="clear"></div>
                    					</li>
                    					<li>
                        					<div  class="til"><span class="red"></span>反面照：</div>
                       						<div id="pageContent">
                       						<div id="imgContainer">
    	          								<img id="imageFullScreen2" src="<%=controller.getURI(request, Open.class)%>?id=<%=user.userId%>&type=<%=2%>"/> 
                							</div>
                							</div>
                        					<div class="clear"></div>
                    					</li>
									</ul>
									<div class="tc pt20" style="width:360px;margin:auto">
									<%if (blockchainSession.isAccessableResource(UserGjrzSh.class)) {%>
										<a href="javascript:void(0)" class="btn3 mr10" onclick="submit();">通过</a> 
									<%}%>
									<%if (blockchainSession.isAccessableResource(UserGjrzSh.class)) {%>
										<a href="javascript:sdcz()" class="btn3 mr10">不通过</a>
									<%}%>
										<a href="<%=controller.getURI(request, UserGjrz.class)%>" class="btn5 mr30">取消</a>
									</div>
									<div class="clear"></div>
									
								</div>
							</div>
						</div>
					   <div id="cz" style="display: none">
					   <div class="popup_bg"></div>
						<div class="w440 thickbox thickpos" style="margin:-80px 0 0 -220px;" id="showDiv">
					      <div class="info clearfix">
					      	  <div class="clear"></div>
						      <form action="<%=controller.getURI(request, UserGjrzSh.class)%>" method="post" class="form2" id="tg">
						        <div class="clearfix" style="margin-left: 40px;">
						        <input type="hidden" name="type" value="<%=IsPass.S%>" id="type">
						        <input type="hidden" name="userid" value="<%=user.userId%>">
				               			<div class="table">
				               			<span>不通过原因:</span>
				               			<select id="qxz" name="bz" class="yhgl_sel">
							                      <option value="">请选择</option>
							                      	<option value="扫描件不清晰" >正面照不清晰</option>
													<option value="证件照不清晰" >反面照不清晰</option>
													<option value="上传错误" >上传错误</option>
							                    </select>
						                    <br/>
						                    <br/>
						                    <textarea  id="beiz" name="bz" cols="" rows="" class="area required max-length-50"></textarea>
						                	<div class="clear"></div>
											<p errortip class="" style="display: none"></p>
						                </div>
						       		 </div>
									<div class="tc w220 pt20">
										<input type="submit" style="cursor: pointer;" value="提交"  class="btn3 mr30 sumbitForme" fromname="form2" /> 
										<input type="button"  name="button2" onclick="$('#cz').hide()" value="取消" class="btn5" />
									</div>
								</form>
					      </div>
						</div>
					</div>
					
					 </div>
					</div>
						<%@include file="/WEB-INF/include/left.jsp"%>
				</div>
			</div> 
	<%@include file="/WEB-INF/include/footer.jsp"%>
	<%@include file="/WEB-INF/include/script.jsp"%>
	<script type="text/javascript" src="<%=controller.getStaticPath(request)%>/js/txgl/withdrawals.js"></script>
	<script type="text/javascript" src="<%=controller.getStaticPath(request)%>/js/zoomify.min.js"></script>
	<script type="text/javascript" src="<%=controller.getStaticPath(request)%>/js/jquery/jquery-1.8.3.min.js"></script> 
	<script type="text/javascript" src="<%=controller.getStaticPath(request)%>/js/e-smart-zoom-jquery.min.js"></script>
	<script type="text/javascript" src="<%=controller.getStaticPath(request)%>/js/validation.js"></script>
	<script type="text/javascript">
	    
	    $("#qxz").change(function(){
	    	if($(this).val()=="请选择"){
	    		$("#beiz").val("");
	    	}
	    	else{
	    		$("#beiz").val($(this).val());
	    	}
	    	
	    });
		function sdcz(){
			$("#cz").show();
			$("#type").val("<%=IsPass.F%>");
		}
		
	function submit(){
		$("#tg").submit();
	}	
	</script>
	
	<script type="text/javascript">
	 $(document).ready(function() {        
	        $('#imageFullScreen1').smartZoom({'containerClass':'zoomableContainer'});        
	        $('#imageFullScreen2').smartZoom({'containerClass':'zoomableContainer'}); 
	        $('#topPositionMap,#leftPositionMap,#rightPositionMap,#bottomPositionMap').bind("click", moveButtonClickHandler);
	        $('#zoomInButton,#zoomOutButton').bind("click", zoomButtonClickHandler);
	        function zoomButtonClickHandler(e){
	            var scaleToAdd = 0.8;
	            if(e.target.id == 'zoomOutButton')
	                scaleToAdd = -scaleToAdd;
	            $('#imageFullScreen1').smartZoom('zoom', scaleToAdd);
	            $('#imageFullScreen2').smartZoom('zoom', scaleToAdd);

	        }        
	        function moveButtonClickHandler(e){
	            var pixelsToMoveOnX = 0;
	            var pixelsToMoveOnY = 0;

	            switch(e.target.id){
	                case "leftPositionMap":
	                    pixelsToMoveOnX = 50;	
	                break;
	                case "rightPositionMap":
	                    pixelsToMoveOnX = -50;
	                break;
	                case "topPositionMap":
	                    pixelsToMoveOnY = 50;	
	                break;
	                case "bottomPositionMap":
	                    pixelsToMoveOnY = -50;	
	                break;

	            }
	            $('#imageFullScreen1').smartZoom('pan', pixelsToMoveOnX, pixelsToMoveOnY);
	            $('#imageFullScreen2').smartZoom('pan', pixelsToMoveOnX, pixelsToMoveOnY);
	        } 
	      });
	</script>
	
	
</body>
</html>